
/* core colours, typefaces, link colours * NOTE: body/backgrounds set in header/footer
---------------------------------------------------------------------- */

#content {
color: #000;
background: #fff;
}

/* default link style - note header and footer have ID-scoped links of their own */
a {
color: #000;
}
a:link, a:visited {
color: #000;
}
a:focus, a:hover, a:active {
color: #c33;
}

/* defaults
---------------------------------------------------------------------- */

/* default #content, group, item and module spacing 
-------------------- */
#content { margin: 10px 0 0 0; }
.group { margin-top: 0; margin-bottom: 20px; } 
.group-header { margin: 0 0 10px 0; }
.group-header .more-link, .group-header .more-links { top: 3px; }
.group-footer .more-links li { margin-left: 5px; }
.group-header .more-links li { margin-left: 5px; }
.module { margin: 0 0 10px 0; padding: 0; }

/* to change the spacing on module footers; set both the footer and the more links, as more links are positioned 
.module-footer, .module-footer .more-links {
padding: 3px 7px;
}
*/

/* default group and item style 
-------------------- */

.group { background: #f8f8f8; } 
.group-header, 
.group-footer { background: #ccc; }

/* default module style */

.module { background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.module-subheader { background: #ddd; }
.module-ad { background: #ccc; }
.module-related { background: #ddd; }

.related { clear: both; }

/* kicker colours */
span.kicker-01 { color: #ff0000; } /* red */
span.kicker-02 { color: #00ff00; } /* green */
span.kicker-03 { color: #0000ff; } /* blue */
span.kicker-04 { color: #E72B9A; } /* pink - cancer ribbon dark shade pink */

/* generic table style */
table { border-collapse: collapse; border: 1px solid #ccc; text-align: left; }
th, td { border: 1px solid #ccc; padding: 0.2em; } 
table caption, table th { font-weight: bold; }
table .loss { color: #9C0000; }
table .gain { color: #005D00; }

/* section header (in-page header)
---------------------------------------------------------------------- */

#section-header { 
background: #f8f8f8; 
margin: 0 8px; 
min-height: 50px; 
}

/* section header (in-page header) 
-------------------- */
#section-header #section-header-nav { width: 100%; clear: both; }

#section-header #section-header-nav li,
#section-header #section-header-nav dt,
#section-header #section-header-nav dd { margin: 0 0.5em 0 0; }

#section-header #section-header-search { clear: both; }
#section-header #section-header-search #site-search { position: relative; left: 0; top: 0; }



/* major event homepages
---------------------------------------------------------------------- */

.major-event-01 .module { margin: 0; }


/* ---------------------------------------------------------------------- */
/* Story page 	                                                          */
/* ---------------------------------------------------------------------- */

/* story page
---------------------------------------------------------------------- */

/* story title goes above story header in some sections */
.story-title { height: 30px; background: #ebebeb; position: relative; margin: 0 0 10px 0; }
.story-title .story-title-text { font-size: 16px; line-height: 30px; }
.story-title .story-title-search { float: right; position: absolute; top: 5px; right: 5px; }


/* story header */
.story-header { border-top: 5px solid #999; border-bottom: 2px  solid #999; }

.lead-media-small .story-summary-list,
.lead-media-both .story-summary-list { width: 306px; margin: 0 10px 10px 0; }
.lead-media-large .story-summary-list,
.lead-media-none .story-summary-list { width: 640px; margin: 0 0 10px 0; }

.story-summary-list { border-top: 1px solid #ccc; border-right: 0; border-bottom: 1px solid #ccc; border-left: 10px solid #ccc; }
#story .story-summary-list ul, 
#story .story-summary-list ul li { margin-bottom: 0;  }

.story-body ul, .story-body ol { display: inline-block; }

/* story header story tools
-------------------- */
.story-header .story-tools li.button-share { border: 1px solid #fff; }
.story-header .story-tools li.js-parent-hover { border: 1px solid #999; border-bottom-color: #fff; }
.story-header .story-tools li.button-share a.button-share-link { background-color: #fff; }
.story-header .story-tools li.button-share ul.share-links { background: #fff; border: 1px solid #999999; }


/* story sidebar
-------------------- */

/* story footer
-------------------- */
.story-footer { background: #eee; margin-bottom: 20px; }
.story-footer, 
.story-footer-more { clear: both; }

/* story comments
-------------------- */
.comment-list-module .comment-list li { background: #ddd; }
.story-comments-link { clear:both; margin-bottom: 20px; }


/* ---------------------------------------------------------------------- */
/* Galleries                                                              */
/* ---------------------------------------------------------------------- */

/* filmstrip gallery */
body.gallery .filmstrip-gallery-image .gallery-controls { position: absolute; bottom: 0; right: 0; }
body.gallery .filmstrip-gallery-image .gallery-controls li { display: inline-block;  }

/* ---------------------------------------------------------------------- */
/* Content                                                                */
/* ---------------------------------------------------------------------- */

/* image modules
---------------------------------------------------------------------- */
.caption { background: #eee; }


/* breaking news
---------------------------------------------------------------------- */
.breaking-news .breaking-news-list .timestamp { display: inline-block; width: 50px; }
.breaking-news .breaking-news-list li { line-height: 1.5; }
.breaking-news .breaking-news-list .lipos-1,
.breaking-news .breaking-news-list .lipos-3,
.breaking-news .breaking-news-list .lipos-5,
.breaking-news .breaking-news-list .lipos-7,
.breaking-news .breaking-news-list .lipos-9 {
background: #fff;
}

/* polls
---------------------------------------------------------------------- */
.lead-poll .module { width: 650px; }
.poll-block .form-radio-group { width: 90%; margin: 0;}
.poll-block .button-submit { margin: 0 0 10px 0;}
.poll-bar { background-color: #f00; height: 10px; }
.poll-winner { background: #ccc;}
.poll-winner .poll-bar { background: #090;}

/* forms
---------------------------------------------------------------------- */
#content-2 .form-checkbox-group,
#content-2 .radio-group { margin-left: 30%; width: 65%; }

/* blog module
---------------------------------------------------------------------- */
#content-2 .item-count-1 .blog { width: 650px; }
#content-2 .item-count-1 .blog .blog-links .blog-links-latest { margin-right: 18px; }

.module.blog .blog-link { text-decoration: none; }

.module.blog .module-content .content-item.blog-lead { position:relative; padding-bottom:10px; }
.module.blog .module-content .content-item.blog-lead .comments { position:absolute; right:0; top:0; }
.module.blog .module-content .content-item.blog-links { clear:left; }
.module.blog .module-content .content-item.blog-links .blog-links-latest,
.module.blog .module-content .content-item.blog-links .blog-links-mostpopular,
.module.blog .module-content .content-item.blog-links .blog-links-mostcommented { width:316px; float:left; }
.module.blog .module-content .content-item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.module.blog .module-content .content-item.blog-links .lipos-2,
.module.blog .module-content .content-item.blog-links .lipos-4,
.module.blog .module-content .content-item.blog-links .lipos-6,
.module.blog .module-content .content-item.blog-links .lipos-8,
.module.blog .module-content .content-item.blog-links .lipos-10 { background: #ddd; }
.module.blog .module-content .content-item.blog-links .lipos-1,
.module.blog .module-content .content-item.blog-links .lipos-3,
.module.blog .module-content .content-item.blog-links .lipos-5,
.module.blog .module-content .content-item.blog-links .lipos-7,
.module.blog .module-content .content-item.blog-links .lipos-9 { background:#fff; }
.module.blog .module-content .content-item.blog-links .blog-link-text { width:230px; text-align:left; display:inline-block; }

/* blogroll module
---------------------------------------------------------------------- */
.blogroll ul { margin: 0.2em 0 0 0; }
.blogroll ul .blog-link { text-decoration: none; width: 100%; }
.blogroll ul .blog-link .blog-link-text { display: inline-block; width: 70%; margin: 0 0 0.2em 0; }
.blogroll ul .blog-link .blog-link-comments { display: inline-block; width: 29%; text-align: right; margin: 0; }

/* comment module
---------------------------------------------------------------------- */
.comment-module cite.comment-info { font-style: normal; }
.comment-module strong.comment-name {}
.comment-module em.comment-time { font-style: normal; }
.comment-module blockquote.comment-body { margin: 5px 20px; }


/* ---------------------------------------------------------------------- */
/* Utility content                                                        */
/* ---------------------------------------------------------------------- */

/* standard microformat classes */
.vcard .tel span.type { display: none; }
.vcard abbr, .vcard abbr, .vevent abbr { border: 0; }

/* review modules
---------------------------------------------------------------------- */
.review-module .summary { width: 48%; float: left; }
.review-module.review-food .summary { width: 100%; float: none;}

.review-module .summary ul { margin-left: 0; padding-left: 0; }
.review-module .summary li { list-style-type: none; margin-left: 0; padding: 0 0 0.5em 0; }
.review-module .summary li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.review-module .summary li strong, 
.review-module .summary li span { display: block; float: left; }
.review-module .summary li strong { width: 35%; }
.review-module .summary li span { width: 60%; }

.review-module .summary li .rating-frame,
.review-module .summary li .score-frame,
.review-module .summary li .address-frame,
.review-module .summary li .latlong-frame { display: inline-block; width: 60%; float: left; }

.review-module .summary .rating span { display: inline; width: auto; }

.review-module .summary .geo .latlong-frame span { display: inline; width: auto; float: none; }

.review-module .review-content { clear: both; }

/* event modules
---------------------------------------------------------------------- */
.event-module .details ul { margin-left: 0; padding-left: 0; display: inline-block; width: 48%; }
.event-module .details li { list-style-type: none; margin-left: 0; padding: 0 0 0.5em 0; }
.event-module .details li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.event-module .details li strong, 
.event-module .details li span { display: block; float: left; }
.event-module .details li strong { width: 35%; }
.event-module .details li span { width: 60%; }

.event-module .details li .address-frame,
.event-module .details li .latlong-frame { display: inline-block; width: 60%; float: left; }

.event-module .details .geo .latlong-frame span { display: inline; width: auto; float: none; }


/* profile modules
---------------------------------------------------------------------- */
.profile-module .details { display: inline-block; width: 48%; }
.profile-module abbr { border: 0; }
.profile-module .image-block { float: right; }
.profile-module .details ul { margin-left: 0; padding-left: 0; }
.profile-module .details li { list-style-type: none; margin-left: 0; padding: 0 0 0.5em 0; }
.profile-module .details li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.profile-module .details li strong, 
.profile-module .details li span { display: block; float: left; }
.profile-module .details li strong { width: 35%; }
.profile-module .details li span { width: 60%; }


/* breaking news page - expanded breaking news
---------------------------------------------------------------------- */

/*
#content-1 .item-count-1 .expanded-breaking-news { width: 984px; }
#content-2 .item-count-1 .expanded-breaking-news { width: 650px; }
#content-3 .item-count-1 .expanded-breaking-news { width: 316px; }
#content-1 .item-count-1 .expanded-breaking-news { width: 984px; }
*/

.expanded-breaking-news { width: 100%; }
.expanded-breaking-news dl { width: 100%; margin:0; padding: 0; }
.expanded-breaking-news dt { float: left; display: inline-block; width: 19%; margin:0; padding: 0; }
.expanded-breaking-news dd { float: left; display: inline-block; width: 75%; margin: 0 0 2% 5%; }
.expanded-breaking-news .story-block { max-width: 316px; }
.expanded-breaking-news:after,
.expanded-breaking-news dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* ---------------------------------------------------------------------- */
/* Non managed data modules                                               */
/* ---------------------------------------------------------------------- */

/* Aegis
---------------------------------------------------------------------- */

.fx-cross-rates, .markets-data { max-width: 316px; overflow: auto; }

.fx-cross-rates table { font-size: smaller;}
/*
.markets-data .module-content td { margin: 0; padding: 0; }
.markets-data .module-content img { margin: 0; padding: 0; border: 0; }

.company-names { width: 650px; }
.company-names .module-content .market-table { font-size: smaller; width: 300px; margin: 0; }
*/
.markets-data table { font-size: smaller; width: 300px; margin: 0; }

.currency-converter .module-content ol { list-style-type: none; }
.currency-converter .module-content ol li { margin-left: 0; }

.bond-bill strong { width: 120px; display: inline-block; }
.bond-bill span { width: 40px; display: inline-block; }
.bond-bill .loss { color: #9C0000; }
.bond-bill .gain { color: #005D00; }


/* tv guide (just enough to stop it breaking)
---------------------------------------------------------------------- */
.tv-guide .header { clear: both; width: 100%;  }
.tv-guide dl { width: 100%;  }
.tv-guide dt { width: 5%; height: 20px; }
.tv-guide dt input { width: auto; height: auto;  }
.tv-guide dd { width: 80%; height: 20px; float: left; white-space: nowrap; }

/* Fader
----------------------------------------------------------------------- */

.has-js .image-fader .fader-controls { position: static; }
